import styles from './circle.less';
import { Progress } from 'antd';

export default function(props) {
  let { percent } = props;
  return (
    <Progress
      type="circle"
      percent={percent}
      width={75}
      status="exception"
      format={() => {
        return (
          <div>
            <div className={styles.rightCircleText + ' ' + styles.rightCircleNumber}>
              已售 {percent}%
            </div>
            <div className={styles.rightCircleText + ' ' + styles.rightCirclebtn}>立即购买</div>
          </div>
        );
      }}
    />
  );
}
